<template>
    <div :style="{paddingLeft: level  * 20 + 'px' }">
        <div class="Title">{{ options.title }}</div>
        <child class="children" v-for="(item,index) in options.children" :index="index" :level="level + 1"
            :options="item"></child>
    </div>
</template>
<script setup>

const props = defineProps({
    index: {
        type: Number,
        default: 0,
    },
    level: {
        type: Number,
        default: 0,
    },
    options: {
        type: Object,
        default: () => {
            return {
                children: []
            }
        }
    }
})


</script>
<style lang="less" scoped>

</style>